@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: 'Noto Sans SC', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

@layer components {
  .before-green-block {
    @apply before:absolute before:-right-4 before:bottom-0 before:-z-10 before:h-4 before:w-14 before:content-normal before:bg-[#68C18C];
  }
}

@layer utilities {
  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
}

// 新闻富文本样式
[data-remove-styles] * {
  all: revert;
  white-space: pre-line;
  max-width: 100%;

  img {
    object-fit: contain;
  }
}

// 移动端新闻的图片强制全宽
@media screen and (max-width: 768px) {
  [data-remove-styles] * {
    img {
      width: 100% !important;
    }
  }
}